﻿<style type="text/css">
    body {
    font-family:arial;
    font-size:12px;
    }
    ul.slideshow {
    list-style:none;
    width:450px;
    height:200px;
    overflow:hidden;
    position:relative;
    margin:0;
    padding:0;
    }
    ul.slideshow li {
    position:absolute;
    left:0;
    right:0;
    }
    ul.slideshow li.show {
    z-index:500;
    }
    ul img {
    border:none;
    }
    #slideshow-caption {
    width:450px;
    height:70px;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    background:#000;
    z-index:500;
    }
    #slideshow-caption .slideshow-caption-container {
    padding:5px 10px;
    z-index:1000;
    }
    #slideshow-caption h3 {
    margin:0;
    padding:0;
    font-size:14px;
    color:#ffffff;
    font-weight:bold;
    }
    #slideshow-caption p {
    margin:5px 0 0 0;
    padding:0;
    }
</style>
<ul class="slideshow">
    <li class="show"><a href="Default.aspx?tabid=68&amp;Productid=1"><img width="450" height="200" title="Cao m&egrave;o" alt="Cao xương m&egrave;o l&agrave; sản phẩm đặc trị c&aacute;c chứng đau khớp, c&oacute; t&aacute;c dụng bồi bổ sức khỏe" src="/cmvn/Portals/0/SlideShow/CaoMeo.jpg" /></a></li>
    <li><a href="http://www.google.com"><img width="450" height="200" alt="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor." title="Slide 1" src="/cmvn/Portals/0/SlideShow/lotus.jpg" /></a></li>
    <li><a href="http://www.yahoo.com"><img width="450" height="200" alt="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor." title="Slide 2" src="/cmvn/Portals/0/SlideShow/flowing-rock.jpg" /></a></li>
    <li><a href="http://www.msn.com"><img width="450" height="200" alt="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor." title="Slide 3" src="/cmvn/Portals/0/SlideShow/grass-blades.jpg" /></a></li>
</ul>